.header {
    position: fixed;
    z-index: 9;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;

    width: 100%;
    max-width: 1546px;
    height: 80px;
    padding: 0 50px;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
    transition: all .4s ease;
}
.header2{ max-width: 100%; position: relative;box-shadow: 0px 2px 6px rgba(0,0,0,.5);}
.header2 .g_w{ width: 100%; display: flex;justify-content: space-between;align-items: center;}
@media (max-width: 991px) {
    .header {
        padding: 0 15px;
    }
}

.header .logo {
    position: relative;
    z-index: 9;

    float: left;
    overflow: hidden;
    height: 52px;


    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.header .logo a{display: flex;  align-items: center;}
@media (max-width: 767px) {
    .header .logo a img:nth-child(1){
        display: none;

    }
    .header .logo a img:nth-child(2){
       display: block;
       width: 70px;
    }
}

.header .logo .blue-logo {
    display: none;
}

.header .logo p {
    font-size: 14px;
    font-weight: 600;
    line-height: 32px;

    display: inline-block;
    float: left;


    padding: 0 20px;

    -webkit-transition: all 1s;
    transition: all 1s;

    color: #fff;
    border: 1px dashed #fff;
    border-radius: 20px;
}

@media (max-width: 1200px) {
    .header .logo p {
        display: none;
    }
}

.header .logo img {
    display: block;
    float: left;

    height: 100%;
    margin-right: 24px;
}

.header .menu {

    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 999;
    width: 85px;
    height: 39px;


    cursor: pointer;
    -webkit-transition: all 1s;
    transition: all 1s;

    background: url(../images/menu.png) no-repeat;
    background-size: 100% 100%;
}
.header .menu2{background: url(../images/menu2.png) no-repeat;background-size: 100% 100%;}
@media (max-width: 767px) {
    .header .menu{width: 63px;height: 30px;}
}

.header .right {
    float: right;
    display: flex;
    align-items: center;
}

.header .right .tel {
    float: left;
    padding-top: 10px;
}

@media (max-width: 1200px) {
    .header .right .tel {
        display: none;
    }
}

.header .right .tel p {
    line-height: 30px;

    margin: 0;

    -webkit-transition: all 1s;
    transition: all 1s;

    color: #fff;
}

.header .right .tel p:before {
    display: inline-block;
    float: left;

    width: 19px;
    height: 24px;
    margin-top: 2px;
    margin-right: 14px;

    content: '';

    /*background: url(../images/tel1.png) no-repeat;*/
}

.header .right .tel p a:hover {
    text-decoration: underline;
}

.header .right .tel p:last-child:before {
    display: inline-block;
    float: left;

    width: 19px;
    height: 24px;
    margin-top: 4px;
    margin-right: 14px;

    content: '';

    /*background: url(../images/shop1.png) no-repeat;*/
}

.header .right .language {
    float: right;

    margin-left: 26px;
}

.header .right .language ul li {
    display: inline-block;

    margin-top: 0px;
}

.header .right .language ul li a {
    line-height: 34px;

    display: block;

    width: 34px;
    height: 34px;

    -webkit-transition: all 1s;
    transition: all 1s;
    text-align: center;

    border-radius: 50%;
    border: 1px solid #fff;
    color: #fff;
}
.header .right .language ul li a.active{color: #000;background-color: #fff;}

.header .right .language2 ul li a{color: #000;border: 1px solid #000;}
.header .right .language2 ul li a.active{color: #fff;background-color: #000;}
.header-in {
    position: fixed;
    top: 0;

    background-color: #fff;
}

.header-blue {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
}

.header-blue .logo p {
    color: #1a3f8f;
    border: 1px dashed #1a3f8f;
}

.header-blue .logo img {
    display: none;
}

.header-blue .logo .blue-logo {
    display: block;
}

.header-blue .menu {
    /*background: url(../images/menublue_bg.png) no-repeat;*/
}

.header-blue .right {
    float: right;
}

.header-blue .right .tel p {
    color: #1a3f8f;
}

.header-blue .right .tel p:before {
    /*background: url(../images/tel2.png) no-repeat;*/
}

.header-blue .right .language ul li a {
    color: #fff;
    background-color: #1a3f8f;
}

.open-header {
    position: fixed;
    z-index: 10;
    top: 0;

    width: 100%;
    padding: 0 50px;
    max-height: 100%;
    overflow: auto;

    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform: translateY(-102%);
    -ms-transform: translateY(-102%);
    transform: translateY(-102%);

    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
}

@media (max-width: 767px) {
    .open-header {
        height: 100%;
        padding: 0 15px;
    }
}
.open-header .top{display: flex;justify-content: space-between}

.open-header .top .logo ,.open-header .top .right{width: 46%;display: flex}
.open-header .top .logo a{display: block;width: 100%}
.open-header .top .right{justify-content: flex-end}
@media (max-width: 1350px) {
    .open-header .top .right .tel {
        display: none;
    }
}
.open-header .logo {
    position: relative;
    z-index: 9;

    display: inline-block;
    overflow: hidden;

    height: 52px;
    margin-top: 9px;

    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.open-header .logo a img:nth-child(2){display: none}

@media (max-width: 767px) {
    .open-header .logo a img:nth-child(2){display: block}
    .open-header .logo a img:nth-child(1){display: none}
}

.open-header .logo p {
    font-size: 14px;
    font-weight: 600;
    line-height: 32px;

    display: inline-block;
    float: left;

    margin: 15px 0 0 0;
    padding: 0 20px;

    color: #000;
    border: 1px dashed #000;
    border-radius: 20px;
}

@media (max-width: 991px) {
    .open-header .logo p {
        display: none;
    }
}
.open-header .logo p {}

.open-header .logo img {
    display: block;
    float: left;

    height: 100%;
    margin-right: 24px;
}

.open-header .h-close {
    margin-top: 24px;
    cursor: pointer;
    text-align: center;
}

@media (max-width: 767px) {
    .open-header .h-close {
        right: 0;
    }
}

/*.open-header .h-close:after {*/
    /*font-family: 'iconfont' !important;*/
    /*font-size: 40px;*/

    /*content: '\e849';*/

    /*color: #1a3f8f;*/
/*}*/
.open-header .right .tel {
    float: left;
    padding-top: 10px;
}

@media (max-width: 991px) {
    .open-header .right .tel {
        display: none;
    }
}

.open-header .right .tel p {
    line-height: 30px;

    margin: 0;

    -webkit-transition: all 1s;
    transition: all 1s;

    color: #000;
}

.open-header .right .tel p:before {
    display: inline-block;
    float: left;

    width: 19px;
    height: 24px;
    margin-top: 2px;
    margin-right: 14px;

    content: '';

    /*background: url(../images/tel1.png) no-repeat;*/
}

.open-header .right .tel p a:hover {
    text-decoration: underline;
}
.open-header .right .language {
    float: right;

    margin-left: 26px;
}
.open-header .right .language ul li {
    display: inline-block;

    margin-top: 23px;
}

.open-header .right .language ul li a {
    line-height: 34px;

    display: block;

    width: 34px;
    height: 34px;

    -webkit-transition: all 1s;
    transition: all 1s;
    text-align: center;

    border-radius: 50%;
    border: 1px solid #000;
    color: #000;
}
.open-header .right .language ul li a.active{color: #fff;background-color: #000;}

@media (max-width: 767px) {
    .open-header .h-close:after {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    .open-header .nav {
        padding-top: 3%;
    }
}

.open-header .nav .level-1 {
    overflow: hidden;
}

.open-header .nav .level-1>li {
    display: inline-block;

    width: 10%;
    margin-top: 50px;
    margin-right: -6px;

    vertical-align: top;
}

@media (max-width: 1320px) {
    .open-header .nav .level-1>li {
        width: 18%;
        margin-top: 30px;
    }
}

.open-header .nav .level-1>li:nth-child(2) {
    width: 32%;
}

@media (max-width: 1320px) {
    .open-header .nav .level-1>li:nth-child(2) {
        width: 44%;
    }
}

@media (max-width: 767px) {
    .open-header .nav .level-1>li:nth-child(2) {
        width: 100%;
    }
}

.open-header .nav .level-1>li:nth-child(4) {
    width: 14%;
}

@media (max-width: 1320px) {
    .open-header .nav .level-1>li:nth-child(4) {
        width: 20%;
    }
}

@media (max-width: 767px) {
    .open-header .nav .level-1>li:nth-child(4) {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .open-header .nav .level-1>li {
        width: 100%;
        margin-top: 0;
    }
}

.open-header .nav .level-1>li>a {
    font-size: 18px;
    line-height: 30px;
    color: #000;
    position: relative;

    display: block;

    padding: 10px 20px;

    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

@media (max-width: 767px) {
    .open-header .nav .level-1>li>a {
        border-top: none;
    }
}
.open-header .nav .level-1>li>a:after{
    position: absolute;
    bottom: 0;

    display: block;

    width: 0;
    height: 4px;

    content: '';

    background-color: #fa0410;
    transition: .5s all ease;
}
.open-header .nav .level-1>li>a:hover:after {


    width: 72px;

}

.open-header .nav .level-1>li>ul.level-2 {
    overflow: hidden;

    padding: 30px 4px 40px;
}

@media (max-width: 1320px) {
    .open-header .nav .level-1>li>ul.level-2 {
        padding: 30px 4px 10px;
    }
}

@media (max-width: 767px) {
    .open-header .nav .level-1>li>ul.level-2 {
        display: none;
    }
}

.open-header .nav .level-1>li>ul.level-2 li {
    position: relative;

}

.open-header .nav .level-1>li>ul.level-2 li:before {

}

.open-header .nav .level-1>li>ul.level-2 li:first-child:after {
    position: absolute;
    top: 0;
    left: -1px;

    display: block;

    width: 1px;
    height: 18px;

    content: '';

    background-color: #fff;
}

.open-header .nav .level-1>li>ul.level-2 li:last-child:after {
    position: absolute;
    bottom: 0;
    left: -1px;

    display: block;

    width: 1px;
    height: 17px;

    content: '';

    background-color: #fff;
}

.open-header .nav .level-1>li>ul.level-2 li a {
    font-size: 16px;
    line-height: 22px;

    display: inline-block;

    margin-left: 10px;
    padding: 10px 14px;

    color: #000;
}

.open-header .nav .level-1>li>ul.level-2 li a:hover {
    color: #fff;
    border-radius: 30px;
    background-color: #fa0410;
}

.open-header .nav .level-1>li:nth-child(2)>ul.level-2>li {
    float: left;

    width: 50%;

    border: none;
}

.open-header .nav .level-1>li:nth-child(2)>ul.level-2>li:before,
.open-header .nav .level-1>li:nth-child(2)>ul.level-2>li:after {
    display: none;
}

.open-header .nav .level-1>li:nth-child(2)>ul.level-2>li>a {
    line-height: 28px;

    display: inline-block;

    padding: 4px 20px;

    border: 1px dashed #000;
    border-radius: 30px;
}

.open-header .nav .level-1>li:nth-child(2) .level-3 {
    margin-top: 14px;
}

.open-header .h-bottom {
    padding-top:14px;
    padding-bottom:14px;

    border-top: 1px solid #ddd;



    display: flex;
    justify-content: center;
    align-items: center;
}

.open-header .h-bottom .tel {
    display: inline-block;
}

@media (max-width: 767px) {
    .open-header .h-bottom .tel {
        display: none;
    }
}

.open-header .h-bottom .tel p {
    line-height: 42px;

    margin: 0;
    display: inline-block;

    -webkit-transition: all 1s;
    transition: all 1s;

    color: #1a3f8f;
}

@media (max-width: 1440px) {
    .open-header .h-bottom .tel p {
        display: block;
    }
}

.open-header .h-bottom .tel p:before {
    display: inline-block;
    float: left;

    width: 19px;
    height: 24px;
    margin-top: 8px;
    margin-right: 14px;

    content: '';

    /*background: url(../images/tel2.png) no-repeat;*/
}

.open-header .h-bottom .tel p a:hover {
    text-decoration: underline;
}

.open-header .h-bottom p:last-child {
    padding-left: 20px;
}

@media (max-width: 1440px) {
    .open-header .h-bottom p:last-child {
        padding-left: 0;
    }
}

.open-header .h-bottom p:last-child:before {
    margin-top: 10px;
    /*background: url(../images/shop2.png) no-repeat;*/
}

.open-header .h-bottom .language {
    float: right;

    margin-left: 10px;
}

@media (max-width: 1199px) {
    .open-header .h-bottom .language {
        display: none;
    }
}

.open-header .h-bottom .language ul {
    padding: 2px 0;
}

.open-header .h-bottom .language ul li {
    line-height: 38px;

    float: left;

    height: 38px;

    border: 1px solid #8c9fc7;
    border-radius: 30px 0 0 30px;
}

.open-header .h-bottom .language ul li a {
    display: block;

    padding: 0 14px;
}

.open-header .h-bottom .language ul li:last-child {
    border-left: none;
    border-radius: 0 30px 30px 0;
}

.open-header .h-bottom .language ul li:hover {
    color: #fff;
    background-color: #1a3f8f;
}

.open-header .h-bottom .share {
    float: right;
    overflow: hidden;

    height: 42px;
    margin-left: 10px;
}

@media (max-width: 991px) {
    .open-header .h-bottom .share {
        display: none;
    }
}

.open-header .h-bottom .bdsharebuttonbox {
    -webkit-transition: all .2s;
    transition: all .2s;
}

.open-header .h-bottom .bdsharebuttonbox a {
    margin: 0 5px;
    padding: 0;

    -webkit-transition: all .5s;
    transition: all .5s;

    background: none;
}

.open-header .h-bottom .bdsharebuttonbox a:before {
    /*font-family: 'iconfont' !important;*/
    font-size: 24px;
    line-height: 42px;

    display: block;

    width: 42px;
    height: 42px;

    content: '\e62d';
    text-align: center;

    color: #fff;
    border-radius: 50%;
    /*background-color: #1a3f8f;*/
    /*background-color: none;*/
}

.open-header .h-bottom .bdsharebuttonbox a:first-child {
    padding-left: 0;
}

.open-header .h-bottom .bdsharebuttonbox a:hover {
    opacity: 1;
}

.open-header .h-bottom .bdsharebuttonbox a:hover:before {
    background-color: #25b7ff;
}

.open-header .h-bottom .bdsharebuttonbox .bds_sqq:before {
    content: '\e62d';
}

.open-header .h-bottom .bdsharebuttonbox .bds_tsina:before {
    content: '\e7ed';
}

.open-header .h-bottom .bdsharebuttonbox .bds_weixin:before {
    content: '\e609';
}

.open-header .h-bottom .bdsharebuttonbox .bds_email:before {
    content: '\e6bd';
}

.h-bottom-link a{ position: relative; display: inline-block; margin: 8px 6px; width: 40px;height: 40px;line-height: 40px; text-align: center ;  border-radius: 50%; border: 1px solid #000;color: #000;transition: .3s ease}
.h-bottom-link a i{font-size: 26px;font-weight: 600}
.h-bottom-link a:hover{border: 1px solid #fa0410;color: #fa0410; transform: translateY(-6px); transition: .3s ease;}
.h-bottom-linkCode { width: 155px; position: absolute;bottom: 110%;left: 50%;transform: translateX(-50%);display: none}
.h-bottom-linkCode img{width: 155px;}
.h-bottom-link a:hover .h-bottom-linkCode{display: block}

@media (max-width: 767px) {
    .open-header .h-bottom-link {
        display: none;
    }
}

.open-header .h-bottom .search {
    position: relative;

    float: right;

    width: 480px;
    height: 38px;
    margin-top: 2px;
    margin-left: 15px;
}

@media (max-width: 767px) {
    .open-header .h-bottom .search {
        width: 100%;
    }
}

.open-header .h-bottom .search input {
    width: 100%;;
    line-height: 38px;

    padding: 0 60px 0 18px;

    border: 1px solid #000;
    border-radius: 50px;
}
.open-header .h-bottom .search input:hover{  border: 1px solid #fa0410;transition: .3s ease;}
@media (max-width: 767px) {
    .open-header .h-bottom .search input {
        width: 100%;
    }
}

.open-header .h-bottom .search .submit {
    line-height: 36px;

    position: absolute;
    top: 0;
    right: 10px;

    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;

    outline: none;
    background: none;
}

.open-header .h-bottom .search .submit:after {

}

.open-header .h-bottom .job {
    float: right;

    margin-top: 2px;
    margin-left: 10px;
}

@media (max-width: 991px) {
    .open-header .h-bottom .job {
        display: none;
    }
}

.open-header .h-bottom .job a {
    font-size: 16px;
    line-height: 38px;

    display: inline-block;

    height: 38px;
    padding: 0 20px;

    color: #fff;
    border-radius: 30px;
    background-color: #1a3f8f;
}

.open-header .h-bottom .job a:before {
    font-family: 'iconfont' !important;
    font-size: 18px;

    margin-right: 10px;

    content: '\e883';
}

.open-header .h-bottom .job a:hover {
    background-color: #25b7ff;
}

@media (min-width: 768px) {
    .open-header .m-link {
        display: none;
    }
}

@media (max-width: 767px) {
    .open-header .m-link {
        display: block;
        text-align: center;
        padding-top: 8px;
    }

    .open-header .m-link ul {
        display: inline-block;
    }

    .open-header .m-link ul li {
        position: relative;
        display: inline-block;
    }

    .open-header .m-link ul li a {
        line-height: 42px;
        display: inline-block;
        width: 42px;
        height: 42px;
        margin: 0 9px;
        -webkit-transition: all .4s;
        transition: all .4s;
        text-align: center;
        border: 1px solid #1a3f8f;
        border-radius: 50%;
    }

    .open-header .m-link ul li a:before {
        font-family: 'iconfont' !important;
        font-size: 24px;
        content: '\e627';
        color: #1a3f8f;
    }

    .open-header .m-link ul li.link-2 a:before {
        font-size: 22px;
        line-height: 40px;
        content: '\e613';
    }

    .open-header .m-link ul li.link-3 a:before {
        content: '\e601';
    }

    .open-header .m-link ul li .erweima {
        position: absolute;
        top: -200px;
        display: none;
        width: 176px;
        height: 176px;
        padding: 10px;
        -webkit-transform: translateX(-40%);
        -ms-transform: translateX(-40%);
        transform: translateX(-40%);
        border: 1px dashed #333;
        border-radius: 10px;
    }

    .open-header .m-link ul li .erweima img {
        width: 100%;
        border: 18px solid #1a3f8f;
        border-radius: 10px;
    }

    .open-header .h-bottom {
        border-top: none;
    }
}

@media (max-width: 767px) {
    .open-header .h-bottom .link {
        display: block;
    }
}

.open-header .h-bottom .link {
    float: right;
}

@media (max-width: 767px) {
    .open-header .h-bottom .link {
        display: none;
    }
}

.open-header .h-bottom .link ul li {
    position: relative;

    display: inline-block;
}

.open-header .h-bottom .link ul li .erweima {
    position: absolute;
    top: -200px;

    display: none;

    width: 176px;
    height: 176px;
    padding: 10px;

    -webkit-transform: translateX(-40%);
    -ms-transform: translateX(-40%);
    transform: translateX(-40%);

    border: 1px dashed #333;
    border-radius: 10px;
}

.open-header .h-bottom .link ul li .erweima:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 0;
    height: 0;
    margin: auto;

    content: '';

    border-top: 10px solid #1a3f8f;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}

.open-header .h-bottom .link ul li .erweima img {
    width: 100%;

    border: 18px solid #1a3f8f;
    border-radius: 10px;
}

.open-header .h-bottom .link ul li:hover a {
    border-color: #25b7ff;
}

.open-header .h-bottom .link ul li:hover a:before {
    color: #25b7ff;
}

.open-header .h-bottom .link ul li:hover .erweima {
    display: block;
}

.open-header .h-bottom .link ul li a {
    line-height: 42px;

    display: inline-block;

    width: 42px;
    height: 42px;
    margin: 0 9px;

    -webkit-transition: all .4s;
    transition: all .4s;
    text-align: center;

    border: 1px solid #1a3f8f;
    border-radius: 50%;
}

.open-header .h-bottom .link ul li a:before {
    font-family: 'iconfont' !important;
    font-size: 24px;

    content: '\e627';

    color: #1a3f8f;
}

.open-header .h-bottom .link ul li a:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);

    opacity: 1;
}

.open-header .h-bottom .link ul li.link-2 a:before {
    font-size: 22px;
    line-height: 40px;

    content: '\e613';
}

.open-header .h-bottom .link ul li.link-3 a:before {
    content: '\e601';
}

.open-header .video {
    display: inline-block;
}

.open-header .video .iframe {
    display: none;

    width: 100%;
}

.open-header .video:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);

    opacity: .5;
}